<!--注册页面-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../css/reg.css"/>
<script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
<title>vivo帐号注册</title>
</head>
<body>
	<div class="banner_bg">
		<a class="logo" href="" title="vivo智能手机">
		</a>
		<p>帐号注册</p>
	</div>
	<form class="middle_box" id="form_reg" name="form_reg" method="post" autocomplete="off">
		<input type="hidden" name="client_id" value="3"/> 
		<input type="hidden" name="redirect_uri" value="http://shop.vivo.com.cn/my/"/>
		<div class="hide_out">
			<!--左侧-->
			<div class="left">
				<p class="sub-title">
					已有帐号?<a class="link">立即登录</a>
				</p>
				<ul class="register cl">
					<li class="radio">
						<input class="radio-style" value="phone" type="radio" name="RegisterForm[mode]" checked="checked" autocomplete="off"/> 
						<label  class="label-style">用手机注册</label>
						<input  class="radio-style" value="email" type="radio" name="RegisterForm[mode]" disableautocomplete autocomplete="off"/> 
						<label for="RegisterForm_mode_1" class="label-style">用邮箱注册</label>	
					</li>
				</ul>
			
				<!-- 手机号码注册 -->
				
				<ul class="phoneregister cl" id="phone-reg">
							<li class="vercode li_input">
								<em></em>
								<input class="v_inp" type="text" placeholder="请输入图片验证码" id="_phoneiconcode" 
								onfocus="inputFocus('_phoneiconcode')" onblur="checkIconCode('_phoneiconcode')"/>
								<span class="code-box">
									<img  title="不区分大小写。看不清楚可以换一个" id="_phoneicon" src="" alt=""/> 
								</span>
								<a class="change-code" onclick="changeIconForPhoneReg()">换一张</a> 
								
								<b class="correct" id="ct"></b>
								<p class="tip" id="error_phoneiconcode"></p>
							</li>
				
							<li class="phonenumber li_input">
								<em></em>
								<input class="v_inp" type="text" placeholder="请输入手机号" 
								name="account" id="_phonenum" onfocus="inputFocus('_phonenum')" onblur="checkPhoneOnline()"/>
								<p class="tip" id="error_phonenum"></p>
								
								<b class="correct"></b>
							</li>
							<li class="vercode li_input">
								<input id="belaybar" type="button" onclick="getPhoneCode();" value="获取验证码" >
								<input class="v_inp" type="text" placeholder="请输入手机验证码" id="_phonecode"
								onfocus="inputFocus('_phonecode')" onblur="checkPhoneCode('_phonecode')"/>
								<p class="tip" id="error_phonecode"></p>
								<em></em>
								<b class="correct"></b>
							</li>
							<li class="psw li_input">
								<em></em>
								<input class="v_inp" type="password" placeholder="请输入密码" id="_phonepwd"
								onfocus="inputFocus('_phonepwd')" onblur="checkRegPwd('_phonepwd')"/>
								<p class="tip" id="error_phonepwd"></p>
								
								<b class="error"></b>
							</li>
							<li class="psw li_input">
								<em></em>
								<input class="v_inp" type="password" placeholder="请再输入一次密码" id="_phoneconfpwd" name="pwd"
								onfocus="inputFocus('_phoneconfpwd')" onblur="checkRegConfPwd('_phoneconfpwd', '_phonepwd')"/>
								<p class="tip" id="error_phoneconfpwd"></p>
								
								<b class="correct"></b>
							</li>
							<li>
								<input name="_isAgreePhone" id="_isAgreePhone" type="checkbox" checked="checked" class="" autocomplete="off"
									onchange="checkAgreeProtocol('_isAgreePhone')">
								<label for="_isAgreePhone" class="check-item">我已阅读并接受</label>
								<a target="_blank" href="/warranty/webprotocol.html" class="check-item text-green">《vivo服务协议》</a>
								<p class="tip" id="error_isAgreePhone"></p>
								<b class="correct"></b>
							</li>
							<li class="login-btn">
								<input type="button" value="立即注册" class="v_dark_btn sulong_btn" onclick="return phoneRegSub()"/>
							</li>
						</ul>

				<!-- 邮箱注册 -->
						<ul class="emailregister cl" id="email-reg">
							<li class="email li_input">
								<em></em>
								<input class="v_inp" type="text" placeholder="请输入邮箱地址" id="_email"
								onfocus="inputFocus('_email')" onblur="checkEmailOnline()"/>
								<p class="tip" id="error_email"></p>
								
								<b class="correct"></b>
							</li>

							<li class="psw li_input">
								<em></em>
								<input class="v_inp" type="password" placeholder="请输入密码" id="_emailpwd" 
								onfocus="inputFocus('_emailpwd')" onblur="checkRegPwd('_emailpwd')"/>
								<p class="tip" id="error_emailpwd"></p>
								
								<b class="error"></b>
							</li>
							<li class="psw li_input">
								<em></em>
								<input class="v_inp" type="password" placeholder="请再输入一次密码" id="_emailconfpwd"
								onfocus="inputFocus('_emailconfpwd')" onblur="checkRegConfPwd('_emailconfpwd', '_emailpwd') "/>
								<p class="tip" id="error_emailconfpwd"></p>
								
								<b class="correct"></b>
							</li>
							<li class="vercode li_input">
								<em></em>
								<input class="v_inp" type="text" placeholder="请输入验证码" id="_emailcode" 
								onfocus="inputFocus('_emailcode')" onblur="checkEmailIconCode('_emailcode')"/>
								<span class="code-box2">
									<img  title="不区分大小写。看不清楚可以换一个" id="iconcode" src="" alt="" onclick="change()" /> 
								</span>
								<a class="change-code" onclick="change()">换一张</a> 
								
								<b class="correct" id="ct"></b>
								<p class="tip" id="error_emailcode"></p>
							</li>
							<li>
								<input name="_isAgreeEmail" id="_isAgreeEmail" type="checkbox" checked="checked" class="" autocomplete="off"
									   onchange="checkAgreeProtocol('_isAgreeEmail')">
								<label for="_isAgreeEmail" class="check-item">我已阅读并接受</label>
								<a target="_blank" href="/warranty/webprotocol.html" class="check-item text-green">《vivo服务协议》</a>
								<p class="tip" id="error_isAgreeEmail"></p>
								<b class="correct"></b>
							</li>
							<li class="login-btn">
								<input type="button" value="提交" class="v_dark_btn sulong_btn" onclick="return emailRegSub();" id="email_sub_id"/>
							</li>
						</ul>

			</div>

			<div class="right">
				<div class="other-method">
					<p class="sub-title">其他方式登录</p>
					<ul class="cl">
						<li class="qq">
							<a id="qqlogin" href=""><b class="b1"></b>QQ帐号</a>
						</li>
						<li class="wechat">
							<a id="wechatlogin" href=""><b class="b2"></b>微信帐号</a>
						</li>
						<li class="sina">
							<a id="sinalogin" href=""><b class="b3"></b>新浪微博</a>
						</li>
						<li class="renren">
							<a id="renrenlogin" href=""><b class="b4"></b>人人帐号</a>
						</li>

						<li class="vivoserver">
							<!--<a  onclick="javascript:window.open('http://kefu.vivo.com.cn/robot-vivo/');" target="#" class=""><b></b>在线客服</a>-->
						</li>
					</ul>
				</div>
			</div>

		</div>

	</form>


</body>

</html>